{% extends 'template.html' %}
{% load static %}
{% block title %}
    DIFFERENT-时间轴
{% endblock %}
{% block main %}
    <div class="m-bg-type_outer" style="width: 100%;height: 40%">
        <img src="{% static 'images/liunian.jpg' %}" alt="" class="ui m-bg image"
             style="width: 100%;height: 100%">
        <div class="m-bg-class_cover">
            <div class="ui container" style="position: relative ;bottom: -540px;">
                <div class="m-font-size-title" align="center" style="font-family:'STXingkai',serif">流年记</div>
                <div class="m-font-size-text-init-title m-margin-top" align="center">对待生命，不妨大胆一点，因为我们终究要失去它</div>
            </div>
        </div>
    </div>

    <!--<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width="330" height="86"
            src="//music.163.com/outchain/player?type=2&amp;id=1333192765&amp;auto=1&amp;height=66"
            style="display:none;"></iframe> -->

    <!--  <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=25706282&auto=1&height=66" style="display:none;"></iframe>-->

    <!--  <iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="//music.163.com/outchain/player?type=2&id=1384330414&auto=1&height=66" style="display:none;"></iframe>-->


    <!--时间轴内容-->
    <div class="doc-container m-padded-tb-massivex m-opacity" id="doc-container">

        <section class="timeline">
            <ul>

                <li class="in-view">
                    <div>
                        <time>2021-06-13</time>
                        <div class="scientist">
                            <a href="/blog/82" target="_blank">
                                <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">Spring
                                    Cloud服务容错Hystrix断路器原理</h3>
                            </a>
                        </div>
                    </div>
                </li>

                <li class="in-view">
                    <div>
                        <time>2021-06-13</time>
                        <div class="scientist">
                            <a href="/blog/82" target="_blank">
                                <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">Spring
                                    Cloud服务容错Hystrix断路器原理</h3>
                            </a>
                        </div>
                    </div>
                </li>


                <li class="in-view">
                    <div>
                        <time>2021-06-13</time>
                        <div class="scientist">
                            <a href="/blog/80" target="_blank">
                                <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">
                                    总结常见的五种BlockingQueue</h3>
                            </a>
                        </div>
                    </div>
                </li>

                <li class="in-view">
                    <div>
                        <time>2021-05-29</time>
                        <div class="scientist">
                            <a href="/blog/81" target="_blank">
                                <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">Spring
                                    Cloud负载均衡组件Ribbon源码分析</h3>
                            </a>
                        </div>
                    </div>
                </li>

                <li class="in-view">
                    <div>
                        <time>2021-05-28</time>
                        <div class="scientist">
                            <a href="/blog/73" target="_blank">
                                <h3 class="state" style="text-align:center;font-size: 16px;color: #000;">
                                    源码分析ArrayList扩容机制</h3>
                            </a>
                        </div>
                    </div>
                </li>


            </ul>
        </section>
{% endblock %}